﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>SSQ模拟器不适感量表</title>
    <link rel="stylesheet" href="SSQstyle.css">
</head>
<body>
    <h1>SSQ模拟器不适感量表</h1>
    <form id="ssq-form" onsubmit="return validateForm()">
        <fieldset>
            <legend>请根据您的实际情况，选择下列每项症状的严重程度</legend>
            <p>1. 整体不适</p>
            <label>
                <input type="radio" name="q1" class="N O" value="0">
                无症状</label><br>
            <label>
                <input type="radio" name="q1" class="N O" value="1">
                轻微</label><br>
            <label>
                <input type="radio" name="q1" class="N O" value="2">
                中等</label><br>
            <label>
                <input type="radio" name="q1" class="N O" value="3">
                严重</label><br>

            <p>2. 疲劳</p>
            <label>
                <input type="radio" name="q2" class="O" value="0">
                无症状</label><br>
            <label>
                <input type="radio" name="q2" class="O" value="1">
                轻微</label><br>
            <label>
                <input type="radio" name="q2" class="O" value="2">
                中等</label><br>
            <label>
                <input type="radio" name="q2" class="O" value="3">
                严重</label><br>

            <p>3. 头痛</p>
            <label>
                <input type="radio" name="q3" class="O" value="0">
                无症状</label><br>
            <label>
                <input type="radio" name="q3" class="O" value="1">
                轻微</label><br>
            <label>
                <input type="radio" name="q3" class="O" value="2">
                中等</label><br>
            <label>
                <input type="radio" name="q3" class="O" value="3">
                严重</label><br>

            <p>4. 眼睛疲劳</p>
            <label>
                <input type="radio" name="q4" class="O" value="0">
                无症状</label><br>
            <label>
                <input type="radio" name="q4" class="O" value="1">
                轻微</label><br>
            <label>
                <input type="radio" name="q4" class="O" value="2">
                中等</label><br>
            <label>
                <input type="radio" name="q4" class="O" value="3">
                严重</label><br>

            <p>5. 难以聚焦</p>
            <label>
                <input type="radio" name="q1" class="O D" value="0">
                无症状</label><br>
            <label>
                <input type="radio" name="q5" class="O D" value="1">
                轻微</label><br>
            <label>
                <input type="radio" name="q5" class="O D" value="2">
                中等</label><br>
            <label>
                <input type="radio" name="q5" class="O D" value="3">
                严重</label><br>

            <p>6. 唾液分泌增加</p>
            <label>
                <input type="radio" name="q6" class="N" value="0">
                无症状</label><br>
            <label>
                <input type="radio" name="q6" class="N" value="1">
                轻微</label><br>
            <label>
                <input type="radio" name="q1" class="N" value="2">
                中等</label><br>
            <label>
                <input type="radio" name="q6" class="N" value="3">
                严重</label><br>

            <p>7. 出汗</p>
            <label>
                <input type="radio" name="q7" class="N" value="0">
                无症状</label><br>
            <label>
                <input type="radio" name="q7" class="N" value="1">
                轻微</label><br>
            <label>
                <input type="radio" name="q7" class="N" value="2">
                中等</label><br>
            <label>
                <input type="radio" name="q7" class="N" value="3">
                严重</label><br>

            <p>8. 恶心</p>
            <label>
                <input type="radio" name="q8" class="N D" value="0">
                无症状</label><br>
            <label>
                <input type="radio" name="q8" class="N D" value="1">
                轻微</label><br>
            <label>
                <input type="radio" name="q8" class="N D" value="2">
                中等</label><br>
            <label>
                <input type="radio" name="q8" class="N D" value="3">
                严重</label><br>

            <p>9. 难以集中注意力</p>
            <label>
                <input type="radio" name="q9" class="N O" value="0">
                无症状</label><br>
            <label>
                <input type="radio" name="q9" class="N O" value="1">
                轻微</label><br>
            <label>
                <input type="radio" name="q9" class="N O" value="2">
                中等</label><br>
            <label>
                <input type="radio" name="q9" class="N O" value="3">
                严重</label><br>

            <p>10. 头胀</p>
            <label>
                <input type="radio" name="q10" class="D" value="0">
                无症状</label><br>
            <label>
                <input type="radio" name="q10" class="D" value="1">
                轻微</label><br>
            <label>
                <input type="radio" name="q10" class="D" value="2">
                中等</label><br>
            <label>
                <input type="radio" name="q10" class="D" value="3">
                严重</label><br>

            <p>11. 视力模糊</p>
            <label>
                <input type="radio" name="q11" class="O D" value="0">
                无症状</label><br>
            <label>
                <input type="radio" name="q11" class="O D" value="1">
                轻微</label><br>
            <label>
                <input type="radio" name="q11" class="O D" value="2">
                中等</label><br>
            <label>
                <input type="radio" name="q11" class="O D" value="3">
                严重</label><br>

            <p>12. 眼花（睁眼）</p>
            <label>
                <input type="radio" name="q12" class="D" value="0">
                无症状</label><br>
            <label>
                <input type="radio" name="q12" class="D" value="1">
                轻微</label><br>
            <label>
                <input type="radio" name="q12" class="D" value="2">
                中等</label><br>
            <label>
                <input type="radio" name="q12" class="D" value="3">
                严重</label><br>

            <p>13. 眼花（闭眼）</p>
            <label>
                <input type="radio" name="q13" class="D" value="0">
                无症状</label><br>
            <label>
                <input type="radio" name="q13" class="D" value="1">
                轻微</label><br>
            <label>
                <input type="radio" name="q13" class="D" value="2">
                中等</label><br>
            <label>
                <input type="radio" name="q13" class="D" value="3">
                严重</label><br>

            <p>14. 头晕</p>
            <label>
                <input type="radio" name="q14" class="D" value="0">
                无症状</label><br>
            <label>
                <input type="radio" name="q14" class="D" value="1">
                轻微</label><br>
            <label>
                <input type="radio" name="q14" class="D" value="2">
                中等</label><br>
            <label>
                <input type="radio" name="q14" class="D" value="3">
                严重</label><br>

            <p>15. 胃部不适</p>
            <label>
                <input type="radio" name="q15" class="N" value="0">
                无症状</label><br>
            <label>
                <input type="radio" name="q15" class="N" value="1">
                轻微</label><br>
            <label>
                <input type="radio" name="q15" class="N" value="2">
                中等</label><br>
            <label>
                <input type="radio" name="q15" class="N" value="3">
                严重</label><br>

            <p>16. 打嗝</p>
            <label>
                <input type="radio" name="q16" class="N" value="0">
                无症状</label><br>
            <label>
                <input type="radio" name="q16" class="N" value="1">
                轻微</label><br>
            <label>
                <input type="radio" name="q16" class="N" value="2">
                中等</label><br>
            <label>
                <input type="radio" name="q16" class="N" value="3">
                严重</label><br>
        </fieldset>

        <button type="submit">查看结果</button>
    </form>

    <div id="result-modal" class="modal">
        <div class="modal-content">
            <span class="close">&times;</span>
            <p>您可能患有晕动症，建议停止继续使用VR设备。</p>
        </div>
    </div>

    <script src="SSQscript.js"></script>
</body>
</html>
